@import '@scss/hairline.scss';
.root {
    
  :global {
    .title {
      margin: 54px 0 30px 32px;
      width: 96px;
      height: 32px;
      opacity: 1;
      font-size: 24px;
      font-family: PingFangSC-Semibold;
      text-align: left;
      color: #333333;
    }
    .login-wrap {
      padding: 0 33px;
      .form-item {
        position: relative;
        height: 58px;
        margin-bottom: 17px;
        @include hairline (bottom, #f0f0f0);
        // input {
        //     width: 100%;
        //     line-height: 58px;
        //     font-size: 16px;
        //     &::placeholder {
        //       width: 80px;
        //       height: 22px;
        //       opacity: 1;
        //       font-size: 16px;
        //       font-family: PingFangSC-Regular;
        //       text-align: left;
        //       color: #a5a6ab;
        //       line-height: 16px;
        //     }
        //   }
          button {
            width: 309px;
            height: 50px;
            opacity: 1;
            background: linear-gradient(315deg, #ff9999, #ffa179);
            border-radius: 4px;
            text-align: center;
            color: #ffffff;
            line-height: 16px;
          }
          .active{
            background: linear-gradient(315deg, #fe4f4f, #fc6627)
          }
          .error{
            position: absolute;
          color: rgb(230, 60, 60);
        }
        // .code-text{
        //     position: absolute;
        //     top: 0;
        //     right: 0;
        //     line-height: 58px;
        //     color: #999;
        //     font-size: 14px;
        // }
      }
      &:last-child {
        margin-top: 39px;
        border-bottom: none;
      }
      .red{
        color: red;
      }
      
    }
    
  }
}
